<template>
	<div class="header">
		<Gheader :showheader="data"></Gheader>
		<Scroll class="warp">
			<div class="Add">
				<h3>请您用您的真实姓名,否则订单将无法发出</h3>
				<input type="text" placeholder="请填写真实姓名" class="fistinput"/>
				<input type="text" placeholder="请填写手机号"/>
				<input type="text" placeholder="请选择城市" class="leftarrow"/>
				<input type="text" placeholder="请填写详细地址"/>
				<input type="text" placeholder="请填写邮编" class="fistinput"/>
			</div>
		</Scroll>
	</div>
</template>

<script>
	import Scroll from "../../../../base/Scroll"
	import Gheader from "../../G-person/person-center/Gheader"
	export default{
		name:"AddDeliveryAddress",
		data(){
			return{
				data:{
					word:"添加新地址",
					left:[true,false,false],
					right:[false,false,false,false,false,false],
					leftword:"",
					rightword1:"完成",
					rightword2:""
				}
			}
		},
		components:{
			Gheader,
			Scroll
		}
	}
</script>

<style secopd>
	.warp{
		height: 90vh;
		overflow: hidden;
		
	}
	.header{
		height: 100%;
		background-color: #efefef;
	}
	.Add h3{
		font-size: 1.2rem;
		color: #d72533;
		font-weight: 300;
		margin-top: 0.8rem;
		margin-bottom: 0.8rem;
		margin-left: 1rem;
	}
	input{
		width: 100%;
		height: 4rem;
		font-size: 1.3rem;
		font-weight: 200;
		border: none;
		text-indent: 1rem;
		border-top: 1px solid #c1c1c1;
		/*border-bottom: 1px solid #c1c1c1;*/
	}
	.fistinput{
		border-top: 1px solid #c1c1c1;
		border-bottom: 1px solid #c1c1c1;
		margin-bottom: 0.8rem;
	}
	.leftarrow{
		background: url(../../../assets/F-img/左箭头.png)no-repeat;
		background-size:0.8rem 1rem;
		background-position: 95%;
		background-color: white;
	}
</style>